{include file="public/header0,public/header1"}
    <!-- 页体 -->
    <div class="mdui-container">
        <h1 class="mdui-text-color-theme mdui-p-t-2">{$title}</h1>

        <!-- 框架层 -->
        <div class="mdui-card mdui-p-x-2 mdui-p-y-2 mdui-shadow-3">

            <div class="mdui-row mdui-p-b-2">
                <div class="js-account-user-uid mdui-typo-caption-opacity mdui-float-right">UID:loading</div>
            </div>
            <!-- 组件1 -->
            <div class="mdui-row mdui-p-b-2">
                <img class="js-account-user-avatar mdui-img-circle mdui-center mdui-shadow-3" style="width: 180px; height: 180px;"
                    src="https://s1.328888.xyz/2022/08/21/bm0jJ.jpg" />

            </div>

            <!-- 组件2 -->
            <div class="mdui-row mdui-p-b-2">
                <div class="mdui-textfield mdui-col-xs-12 mdui-col-md-6 mdui-p-t-2">
                    <label class="mdui-textfield-label">用户名</label>
                    <input class="js-account-user-username mdui-textfield-input" type="text" disabled>
                </div>
                <div class="mdui-textfield mdui-col-xs-12 mdui-col-md-6  mdui-p-t-2">
                    <label class="mdui-textfield-label">邮箱</label>
                    <input class="js-account-user-email mdui-textfield-input" type="email" disabled>
                </div>
                <!-- <div class="mdui-textfield mdui-col-xs-12 mdui-col-md-6  mdui-p-t-2">
                        <label class="mdui-textfield-label">qq</label>
                        <input class="js-user- mdui-textfield-input" type="text">
                    </div>
                    <div class="mdui-textfield mdui-col-xs-12 mdui-col-md-6  mdui-p-t-2">
                        <label class="mdui-textfield-label">密码</label>
                        <input class="mdui-textfield-input" type="password">
                    </div>
                    <div class="mdui-textfield mdui-col-xs-12 mdui-col-md-12  mdui-p-t-2">
                        <textarea class="mdui-textfield-input" rows="4" placeholder="这个人很懒，什么都留下了。"></textarea>
                    </div> -->
            </div>

            <!-- 组件 -->
            <div class="mdui-row mdui-p-t-3 mdui-p-b-1">
                <div class="mdui-float-left mdui-p-l-1 mdui-p-r-1">
                    <button class="mdui-btn mdui-btn-raised mdui-color-theme-accent"
                        mdui-dialog="{target: '#postPassword'}">修改密码</button>
                    <!-- 模态框 -->
                    <div class="mdui-dialog" id="postPassword">
                        <div class="mdui-dialog-content">
                            <div class="mdui-dialog-title">修改密码</div>
                            <div class="mdui-textfield mdui-textfield-floating-label mdui-col-xs-12 mdui-col-md-12  mdui-p-t-2">
                                <label class="mdui-textfield-label">旧密码</label>
                                <input class="js-user-password mdui-textfield-input" type="password">
                            </div>
                            <div class="mdui-textfield mdui-textfield-floating-label mdui-col-xs-12 mdui-col-md-6  mdui-p-t-2">
                                <label class="mdui-textfield-label">新密码</label>
                                <input class="js-user-rpassword mdui-textfield-input" type="password">
                            </div>
                            <div class="mdui-textfield mdui-textfield-floating-label mdui-col-xs-12 mdui-col-md-6  mdui-p-t-2">
                                <label class="mdui-textfield-label">重复新密码</label>
                                <input class="js-user-rpasswords mdui-textfield-input" type="password">
                            </div>
                        </div>
                        <div class="mdui-dialog-actions">
                            <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
                            <button id="submitPassword" class="mdui-btn mdui-ripple" mdui-dialog-confirm>提交</button>
                        </div>
                    </div>
                </div>
                <div class="mdui-float-right mdui-p-r-1">
                    <button class="mdui-btn mdui-btn-raised mdui-color-theme-accent">保存修改</button>
                </div>
            </div>

        </div>
    </div>
{include file="public/footer0"}
    <!-- 页面JS -->
    <script src="https://asstes.hianvil.com/hianvil/main/user/account.js"></script>
{include file="public/footer1"}